/****************
colors:
	over, current state orange: #f5821f;
	normal text: #666666;
	FAO text: #ffffff;

Contents:

General Setting
Structure
Navigation
 horizontal Navigation
 leftMenu
 
***********************************/
/*********General setting*********
**********************************/				
*	{margin:0;
	 padding:0;
}
img {
	border-style: none;
}
a{
	text-decoration:none;
	color:#666666;
}
a:hover{
	color:#FF6600;
	}

li {
	list-style-type:none;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #333333;
	background-color: #FFFFFF;
}
.boldText{
	font-weight:bold;
	}
.italicText{
	font-style:italic;
	}

.clearFloat{
	clear:both;
	}
.floatLeft{
	float:left;
}
.current{
	color:#FF6600;
}
/********Structure*****************
*********************************/
div#topOrange{
	width:100%;
	height: 39px;
	background-color: #f5821f;
	}
div#wrapper{
	margin:0 auto;
	width: 792px;
	height:1000px;
}
div#topHeader{
	background-image:url(../img/banner_nologo.gif);
	width: 800px;
	height: 130px;
	margin: -39px auto 0px ;
	background-color:#FFFFFF;	
}
div#footer{
	clear:both;
	text-align:center;
	border-top:#f5821f 1px solid;
	width:794px;
	height:20px;
	
	} 
div#photos img{
	padding-top:15px;
}

/***************************************/
/******** horizontal Navigation********
***************************************/
div#menu{
	border-bottom:#f5821f 1px solid;
	height: 16px;
	margin-top:-3px;	
}
div#menu li {
	float:left;
	margin-left: 5px;
	
}
div#menu li.languageMenu {
	float:right;
	margin-right:5px;
	}

div#pimsButton {
float:right;
border-left:#f5821f 1px solid;
border-right:#f5821f 1px solid;
}
div#pimsButton li{
	margin: 0 5px;
	font-weight:bold;
}

/**********************************/
/**********leftMenu***************
*********************************/
div#leftCol {
	width:177px;
	margin-top:50px;
	margin-bottom:20px;
	float:left;
}
div#leftCol  li{
	background-image:url(../img/darknormal_dot.gif);
	background-repeat:no-repeat;
	background-position:7px 10px;
	border-bottom: #f5821f 1px solid;
	border-right:  #f5821f 1px solid;
	border-left:  #f5821f 1px solid;
	border-top-style: none;
	padding: 7px 5px 3px 20px;
}
div#leftCol  li.first{
	background-image:none;
	padding:5px;
	list-style-type:none;
	border-left-style: none;
	border-right:  #f5821f 1px solid;
	border-top-style: none;
	font-weight:bold;
	text-align:center;
}
#wrapper #leftCol #active {
	background-image:url(../img/dark_active_dot.gif);
	background-repeat:no-repeat;
	background-position:7px 10px;
}

/****************************************/
/*******search form*********************
***************************************/
form#searchForm{
	margin-top: 15px;
}
#wrapper #leftCol #searchForm #searchBotton {
	margin-top:5px;
	margin-left: 8px;
}
input#searchInput{
	width:175px;
	border:#666666 solid 1px;
	
}
/*******************************/
/**********rightCol***********
*******************************/
div#rightCol{
	width:580px;
	float:left;
	margin-top:40px;
	margin-left:30px;	
}
.floatRight{
	float:right;
	margin:0 0 0 15px;
}

div#rightCol p{
	line-height:1.5em;
	margin-top:10px;
	margin-bottom:15px;
}



/****************************/
/*******typography**********
***************************/
h1, h2, h3, h4{
	margin-bottom:15px;
	color:#666666;
}
h1{
	font-size:1.3em;
	color:#FF6600;
}
h2{
	font-size:1.2em;
	}
h3{	
	font-size:1.0em;
	margin-top:15px
	}
h4 {
	color:#ff6600;
	font-size:1em;
}
strong{
	color:#FF6600;
}
/***************************/
/****Miscellaneous*********/
/*************************/
div#textFaoLogo{
	color:#FFFFFF;
	float:left;
	width:400px;
	}

#textFaoLogo p{
	padding-top:7px;
}
.creditsPhoto{
	text-align:right;
	line-height:normal;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
	font-size:0.75em;
}
.creditsPhotoCloser{
	text-align:right;
	clear:both;
	color:#999999;
	font-size:0.75em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	margin-right:3px;
	top:-10px;
}

/* ---------------------- Ajaxtags ------------------- */

FORM.basicForm FIELDSET {
	width: 80%;
	border: 1px solid #ccc;
	padding: 1em;
}

FORM.basicForm LEGEND {
	font-size: 0.8em;
	color: #999;
	background-color: #eee;
	border: 1px solid #ccc;
	padding: 4px 2px;
}

FORM.basicForm LABEL {
	font-size: 0.7em;
	display: block;
	margin-top: 1em;
	margin-bottom: 0.25em;
}

FORM.basicForm INPUT {
	font: normal 0.7em Verdana, Arial;
	padding: 3px;
}

FORM.basicForm INPUT[type="text"] {
	border: 1px solid #ccc;
}

FORM.basicForm INPUT[type="text"]:focus {
	border-color: red;
}
